h3{
	padding-bottom: 15px;
}
h2>span.glyphicon{
	color: #4E760E;
	padding-right: 10px;
}
/*---------------总览--------------------------*/
/*报告卡片总览*/
#view .tr-card{
	border-radius: 0;
	box-shadow: 0 0px 4px rgba(0,0,0,.1);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	position:relative;
	line-height: 1.8;
}
#view .tr-card:hover{
	box-shadow: 0 0px 4px rgba(82, 203, 230,0.3);
}
#view .tr-card .lead{
	font-size: 18px;
	border-bottom: 2px solid rgb(239, 239, 239);
	padding-bottom: 5px;
	margin-bottom: 8px;
}
#view .tr-card:before{
	content: "";
	position: absolute;
	display: block;
	width: 48px;
	height: 48px;
	right: -24px;
	top: -24px;
	background-color: #A2C532;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* IE 9 */
	-webkit-transform:rotate(-45deg); /* Safari and Chrome */
}
#view .tr-card.activeCard:before{
	background-color: #52CBE6;
}
/*总览表格*/
.case-result{
	color: #337AB7;
	font-weight: bold;
}
.case-result:hover{
	cursor: pointer;
	background-color: darkseagreen;
}
.case-result.F:hover{
	color: #fff;
	background-color: indianred;
}
#all-overview-table{
	font-size: 14px;
}
#all-overview-table tbody td{
	text-align: center;
}
#all-overview-table tbody tr td:first-child{
	text-align: left;
}
#all-overview-table thead th{
	vertical-align: top;
}
#all-overview-table thead th div{
	position: relative;
}
#all-overview-table thead th div{
	position: relative;
}

#all-overview-table thead th div.win:before,
#all-overview-table thead th div.mac:before,
#all-overview-table thead th div:after
{
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	background-image:url(./image/win10.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;}
#all-overview-table thead th div.mac:before
{
	background-image:url(./image/macos.png);
}
#all-overview-table thead th div.Firefox:after{
	background-image:url(./image/ff.png);
}
#all-overview-table thead th div.Chrome:after{
	background-image:url(./image/chrome.png);
}
#all-overview-table thead th div.Safari:after{
	background-image:url(./image/safari.png);
}
#all-overview-table thead th div.Edge:after{
	background-image:url(./image/edge.png);
}
#all-overview-table thead th div.IE:after{
	background-image:url(./image/ie.png);
}
#all-overview-table thead th div.Opera:after{
	background-image:url(./image/opera.png);
}
#all-overview-table thead th {
	div.UCBrowser:after{
		background-image:url(./image/uc-browser.png);
	}
	div.QQBrowser:after {
		background-image:url(./image/qq.png);
	}
	div.LBBROWSER:after {
		background-image:url(./image/lb.png);
	}
	.MicroMessenger:after {
		background-image: url(./image/mm.png);
	}
}
.caseName{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	height: 20px;
}
.caseName div{
	background-color: #fff;
}
.caseName div span{
	display: inline-block;
/*	cursor: pointer;*/
	width: 30px;
	text-align: center;
	margin-right: 10px;
}
.caseName div a{
	text-decoration: none;
}
/*----------------------case-----------------------*/
#resultCase table{
	font-size: 12px;
}
/*------------------------------------------------------------*/

@media screen and (max-width:768px){
	#all-overview-table tbody tr td:first-child{
		width: 100px;
	}
	.caseName div{
		position: absolute;
		padding: 10px;
		top: -8px;
		left: -8px;
		line-height: 21px;
	}
	.caseName div span{
		width: auto;
	}
	.caseName:hover{
		overflow: visible;
	}
	.caseName:hover div{
		z-index: 1;
	}

}
